@import url(public.less);
@import url(rem.less); 
.header{
    background: url(../images/back.png)no-repeat;
    background-size: 100%;
    .h(300);
    .qie{
        .w(215);
        .h(70);
        border: 1px solid #fff;
        border-radius: 20px;
        text-align: center;
        .lh(70);
        color: white;
        float: right;
        .mr(30);
        .mt(40);
    }
    dl{
        
        dt{
            .w(200);
            .h(200);
            .pt(40);
            .ml(40);
            img{
                width: 100%;
            }
            float: left;
        }
        dd{
            color: white;
            float: left;
            
        }
        .d1{
            .font-dpr(14px);
            .pt(80);
            .pl(20);
        }
        .dd{
            .font-dpr(18px);
            .w(215);
            .h(70);
            border: 1px solid #fff;
            border-radius: 5px;
            text-align: center;
            .lh(70);
            .mt(30);
            .ml(20);
            box-sizing: border-box;
        }
    }
}
.main{
    .pb(117);
    .money{
        background-color: white;
        .mt(30);
        .h(180);
        .p{
            width: 80%;
            color: #999;
            display: inline-block;
            .blue{
                color: blue;
                .font-dpr(18px);
                .lh(87);
            }
            p{
                .pl(20);
            }
        }
        
        h2{
            float: right;
            .lh(180);
            .font-dpr(24px);
            color: #999;
            .pr(50);
        }
    }
    .big{
        background-color: white;
        .ding{
            width: 90%;
            margin: auto;
            display: flex;
            justify-content: space-between;
            .lh(120);
            .font-dpr(16px);
            .da{
                .font-dpr(24px);
                .pr(15);
                color: #999; 
            }
        }
        .five{
            width: 100%;
            border-top: 1px solid #ccc;
            display: flex;
            .pt(40);
            .font-dpr(14px);
            figure{
                width: 20%;
                text-align: center;
                img{
                    width: 30%;
                }
                figcaption{
                    letter-spacing: 1px;
                    .pb(40);
                    .pt(20);
                }
                
            }  
        }
    }
    .guanli{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        .mt(30);
        .font-dpr(14px);
        background-color: white;
        figure{
            width: 33%;
            text-align: center;
            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;
            img{
                .pt(40);
                .pb(40);
                width: 30%;
            }
            figcaption{
                .pb(25);
                letter-spacing: 1px;
            }
        }
    }
}